*,
::before,
::after{
   /* 清除默认的间距和边距*/
    padding: 0;
    margin: 0;
    /*去除移动端特有的点击高亮效果*/
    -webkit-tap-highlight-color: transparent;
    /*设置所有的盒子都以边框开始计算宽度*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*{
    margin: 0;
    padding: 0;
}
body{
    font-size: 12px;
    font-family: "Microsoft YaHei",sans-serif;
    color: #333;
}
a{
    color: #333;
    text-decoration: none;
}
a:hover{
    color: #08cada;
    text-decoration: none;
}
ul,ol{
    list-style: none;
}
input{
    border: none;
    /*获取焦点时的外边框*/
    outline: none;
    /*清除移动端默认的表单样式:-webkit-appearance是用来改变按钮和其他控件的外观，使其外观类似于原生控件.
    通常我们可以在相应的元素上加上-webkit-appearance: none;来移除原生控件样式。*/
    -webkit-appearance: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix::before,
.clearfix::after{
    /*content:"\200B"; content:"\200B";这个参数，Unicode字符里有一个“零宽度空格”，即 U+200B，代替原来的“”，可以缩减代码量。而且不再使用visibility:hidden。
    display:block;
    height:0;
    clear:both;*/
    content: "";
    height: 0;
    line-height:0;
    display: block;
    clear: both;
    visibility: hidden;
}
.m_l10{
    margin-left:10px;
}
.m_r10{
    margin-right:10px;
}
.m_t10{
    margin-top:10px;
}
.center{
    text-align: center;
}
.pr{
    position: relative;
}
.pa{
    position: absolute;
}
.pf{
    position: fixed;
}
h1 h3{
    margin: 0;
    padding: 0;
}
